<div class="enreg-top">
	<div class="enreg-top-box">
		<h1><a ng-click="gotoindex()"><img src="them/img/reglogo.png"/></a></h1>
		<div>我已经注册，马上去<a ng-click="tona()">登录</a></div>
	</div>
</div>
<div class="enreg-center">
	<h2>企业用户注册</h2>
	<div class="enreg-center-box">
		<a ng-click="toone()">个人用户注册</a>
		<div class="enreg-box">
			<div class="regbox">
				<ul class="regul">
					<li></li>
					<li><span>企业邮箱：</span><input class="input1" type="email" maxlength="100" ng-blur="tip1()"/></li>
					<li class="tip1"></li>
					<li><span>密码：</span><input class="input2" type="password" maxlength="18" placeholder="6-18个字符" ng-blur="tip2()"/></li>
					<li class="tip2"></li>
					<li><span>手机号码：</span><input class="input3" type="text" maxlength="11" ng-blur="tip3()"/></li>
					<li class="tip3"></li>
					<li><span>验证码：</span><input class="input4" ng-blur="tip4()" maxlength="4" type="text" /><div class="imgdiv" ng-click="gg()"><img id="imgcode" src={{regimgsrc}} alt="图片加载..."/></div></li>
					<li class="tip4"></li>
					<li><span>短信验证码：</span><input class="input5" ng-blur="tip5()" maxlength="6" type="text" /><div class="msgdiv" ng-click="getMsg()"><span class="msg">获取验证码</span><span class="nbbox"></span></div></li>
					<li class="tip5"></li>
					<li><label><input class="input6" type="checkbox"/>我已阅读并同意<a ui-sref="footerCtrl.serviceRuleCtrl">《服务协议》</a></label></li>
					<li>请勾选并同意该服务协议！</li>
					<li><div ng-click="doit()">下一步</div></li>
				</ul>
			</div>
			<div class="regbox2">
				<ul class="regul2">
					<li></li>
					<li id="wtfli">
						<span id="wtfli-span">企业logo：</span>
						<div id="logobox" cut-picture set-circle="true" circle-size="60" pic-src="usersrc"></div>
					</li>
					<li><span>企业全称：</span><input class="fullname" type="text" placeholder="如 “乂联工程咨询 (上海) 有限公司”" ng-focus="allname()"/></li>
					<li class="allname">请输入企业全称</li>
					<li><span>企业简称：</span><input class="shortname" type="text" placeholder="通用名或俗称, 如 “乂联”" ng-focus="abbr()"/></li>
					<li class="abbr">请输入企业简称</li>
					<li>
						<span>企业分类：</span>
						<select id="guis" name="">
							<option id="sel1" value="0" style="display: none;">请选择</option>
							<option value={{item.guildId}} ng-repeat="item in gui">{{item.guildName}}</option>
						</select>
					</li>
					<li class="sort">请选择企业分类</li>
					<li>
						<span>企业规模：</span>
						<select id="scales" name="">
							<option id="sel2" value="0" style="display: none;">请选择</option>
							<option value={{item.scaleId}} ng-repeat="item in scale">{{item.scaleName}}</option>
						</select>
					</li>
					<li class="scale">请选择企业规模</li>
					<li>
						<span>企业性质：</span>
						<select id="natures" name="">
							<option id="sel3" value="0" style="display: none;">请选择</option>
							<option value={{item.natureId}} ng-repeat="item in nature">{{item.natureName}}</option>
						</select>
					</li>
					<li class="nature">请选择企业性质</li>
					<li>
						<span>企业地址：</span>
						<select id="shen" class="selectone" ng-model="provincename" ng-change="schange(provincename)" ng-options="item.provinceName for item in province">
							<option id="ss" value="">请选择</option>
						</select>&nbsp;&nbsp;省&nbsp;&nbsp;
						<select id="shi" ng-model="regionname" ng-change="cchange(regionname)" ng-options="item.regionName for item in region">
							<option id="cs" value="">请选择</option>
						</select>&nbsp;&nbsp;市&nbsp;&nbsp;
						<select id="qu" ng-model="areaname" ng-change="achange(areaname)" ng-options="item.areaName for item in areas">
							<option id="as" value="">请选择</option>
						</select>&nbsp;县/区					
					</li>
					<li><input class="address" type="text" placeholder="请输入详细地址" /></li>
					<li class="add">请选择填写企业地址</li>
					<li>
						<span>成立时间：</span>
						<select name="" class="setUpTime" ng-model="setUpTime1" ng-options="item.year for item in years">
							<option value="" style="display: none;">请选择</option>
						</select>&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;
						<select name="" ng-model="setUpTime2" ng-options="item.month for item in months"> 
							<option value="" style="display: none;">请选择</option>
						</select>&nbsp;&nbsp;&nbsp;月
					</li>
					<li class="setuptime">请选择成立时间</li>
					<li><span>企业官网：</span><input type="text" /></li>
					<li><span>企业简介：</span><textarea class="introduction" name="" rows="" cols=""></textarea></li>
					<li></li>
				</ul>
				<div id="container" class="uppicdiv">
					<span>上传营业执照或相关证件：</span>
					<!--<div id="selectfiles" class="uppicbtn">点击上传</div>-->
					<!--<div class="divpic">
						
					</div>-->
					<div class="divpic">
						<div cpedit6></div>
					</div>
				</div>
				<div class="regul2div" ng-click="lastreg()">确定注册</div>
			</div>
			
			<div class="regbox3">
				<ul class="regul3">
					<li></li>
					<li>恭喜你注册成功！</li>
					<li>欢迎加入工程界，页面将在<span class="regul3-num">{{s}}</span>秒之后跳转...</li>
				</ul>
			</div>
			
		</div>
	</div>
</div>
<div ng-include="'app/business/common/footer.html'" class="ng-scope"></div>
<style type="text/css">
/**/

#wtfli {
	width: 100%;
	height: 100%;
	margin-bottom: 16px;
	overflow: hidden;
}

#wtfli-span {
	margin-top: 50px;
}



/**/
.nbbox {
	display: none;
}



.enreg-box input {
	outline: none;
}

#preview>img {
	
}
.sort,.abbr,.allname,.scale,.nature,.add,.setuptime{
	opacity: 0;
}

/*注册3box*/
.regbox3 {
	display: none;
	width: 100%;
	height: 258px;
	background-color: #fff;
	overflow: hidden;
}
.regul3 {
	width: 507px;
	margin: 0 auto;
}
.regul3 li:nth-child(1) {
	width: 507px;
	height: 48px;
	background: url("them/img/top3.png") 0 0 no-repeat;
	background-size: 507px 48px;
	margin-top: 49px;
	margin-bottom: 40px;
}
.regul3 li:nth-child(2) {
	width: 100%;
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 30px;
	
}
.regul3 li:nth-child(3) {
	width: 100%;
	font-size: 18px;
	color: #666;
	text-align: center;
}
.regul3 li:nth-child(3) span {
	color: #30a3ff;
}





/*上传证件*/
.uppicdiv span {
	float: left;
	margin-left: 120px;
	font-size: 14px;
	color: #666;
}

.uppicbtn{
	position: relative;
	top: 48px;
	float: left;
	width: 68px;
	height: 22px;
	border: 1px #999 solid;
	border-radius: 2px;
	line-height: 22px;
	text-align: center;
	color: #666;
	font-size: 12px;
	background-color: #ddd;
	margin-left: 18px;
	margin-right: 13px;
	cursor: pointer;
	overflow: hidden;
}
.uppicbtn>input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.uppicdiv .divpic {
	border: 1px #ddd solid;
	display: inline-block;
	width: 240px;
	height: 120px;
	margin-left: 18px;
}
.uppicdiv .divpic img {
	display: inline-block;
	width: 240px;
	height: 120px;
}

.uppicdiv {
	display: inline-block;
	width: 100%;
	height: 120px;
	line-height: 120px;
}

/*注册2里面第19个li*/
.regul2 li:nth-child(19) {
	height: 150px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.regul2 li:nth-child(19) span {
	line-height: 40px;
}
.regul2 li:nth-child(19) textarea {
	width: 400px;
	height: 142px;
	resize: none;
	border: 1px #ddd solid;
	border-radius: 4px;
	padding: 4px;
	margin-left: 18px;
	
}
/*注册2里面第18个li*/
.regul2 li:nth-child(18) span{
	line-height: 40px;
}
.regul2 li:nth-child(18) input{
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #999;
	background-color: #fff;
	padding-left: 10px;
	margin-left: 18px;
}
.regul2 li:nth-child(18) {
	height: 40px;
}
/*注册2里面第16，17个li*/
.setUpTime {
	margin-left: 18px;
}
.regul2 li:nth-child(16) {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
}
.regul2 li:nth-child(16) span {
	line-height: 40px;
}
.regul2 li:nth-child(16) select{
	width: 100px;
	height: 40px;
	border: 1px #ddd solid;
	border-radius: 4px;
	color: #333;
	
}
.regul2 li:nth-child(17) {
	width: 100%;
	height: 16px;
	color: #ff0000;
	font-size: 12px;
	margin-left: 88px;
	margin-bottom: 14px;
}

/*注册2里面第13,14,15个li*/
.regul2 li:nth-child(15) {
	width: 100%;
	height: 16px;
	color: #ff0000;
	font-size: 12px;
	margin-left: 88px;
	margin-bottom: 14px;
}
.regul2 li:nth-child(14) {
	height: 40px;
}
.regul2 li:nth-child(14) input {
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #999;
	background-color: #fff;
	padding-left: 10px;
	margin-left: 88px;
}
.regul2 li:nth-child(13) {
	height: 40px;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	margin-bottom: 30px;
}
.selectone {
	margin-left: 18px;
}
.regul2 li:nth-child(13) select {
	width: 98px;
	height: 40px;
	border: 1px #ddd solid;
	border-radius: 4px;
	margin-right:4px;
	color: #333;		
}
.regul2 li:nth-child(13) span {
	line-height: 38px;
	font-size: 14px;
	color: #666;
}



/*注册2里面第11,12个li*/
.regul2 li:nth-child(12) {
	width: 100%;
	height: 16px;
	color: #ff0000;
	font-size: 12px;
	margin-left: 88px;
	margin-bottom: 14px;
}
.regul2 li:nth-child(11) select {
	width: 410px;
	height: 40px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	margin-left: 18px;
}
.regul2 li:nth-child(11) {
	height: 40px;
}
.regul2 li:nth-child(11) span {
	line-height: 40px;
}
/*注册2里面第9,10个li*/
.regul2 li:nth-child(10) {
	width: 100%;
	height: 16px;
	color: #ff0000;
	font-size: 12px;
	margin-left: 88px;
	margin-bottom: 14px;
}
.regul2 li:nth-child(9) select {
	width: 410px;
	height: 40px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	margin-left: 18px;
}
.regul2 li:nth-child(9) {
	height: 40px;
}
.regul2 li:nth-child(9) span {
	line-height: 40px;
}

/*注册2里面第7,8个li*/
.regul2 li:nth-child(7) select {
	width: 410px;
	height: 40px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	margin-left: 18px;
}
.regul2 li:nth-child(8) {
	width: 100%;
	height: 16px;
	color: #ff0000;
	font-size: 12px;
	margin-left: 88px;
	margin-bottom: 14px;
}
.regul2 li:nth-child(7)>div {
	position: relative;
	float: left;
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #999;
	background-color: #fff;
	padding-left: 10px;
	margin-left: 18px;
	overflow: hidden;
	
}
.regul2 li:nth-child(7) {
	height: 40px;
}
.regul2 li:nth-child(7) span {
	line-height: 40px;
}
/*注册2里面第3，4，5,6个li*/
.regul2 li:nth-child(6) {
	width: 100%;
	height: 16px;
	color: #ff0000;
	font-size: 12px;
	margin-left: 88px;
	margin-bottom: 14px;
}
.regul2 li:nth-child(5) {
	height: 40px;
}
.regul2 li:nth-child(5) span {
	line-height: 40px;
}
.regul2 li:nth-child(5) input {
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #999;
	background-color: #fff;
	padding-left: 10px;
	margin-left: 18px;
}
.regul2 li:nth-child(3) {
	height: 40px;
}
.regul2 li:nth-child(3) span {
	line-height: 40px;
}
.regul2 li:nth-child(3) input {
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	border-radius: 4px;
	line-height: 38px;
	font-size: 12px;
	color: #999;
	background-color: #fff;
	padding-left: 10px;
	margin-left: 18px;
}
.regul2 li:nth-child(4) {
	width: 100%;
	height: 16px;
	color: #ff0000;
	font-size: 12px;
	margin-left: 88px;
	margin-bottom: 14px;
}


/*注册2*/
#preview {
		background-color: #f2f2f2;
}
#preview>img {
	top: 0;
	left: 0;
	width: 88px;
	height: 57px;
	background-color: #f2f2f2;
}
.showfile {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 88px;
	height: 31px;
	color: #fff;
	background-color: #828282;
	line-height: 31px;
	text-align: center;
	overflow: hidden;
}

#logobox {
	float: left;
	margin-bottom: 16px;
	height: 100%;
	margin-left: 18px;
	
}
/*.regul2 li:nth-child(2) span {
	line-height: 90px;
}
.regul2 li:nth-child(2) {
	width: 100%;
	min-height: 160px;
	margin-bottom: 30px;
}*/
.regul2>li>span {
	float: left;
	color: #666;
	font-size: 14px;
}

.regul2div {
	width: 90px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 2px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 14px;
	background-color: #30a3ff;
	cursor: pointer;
	
}
.regul2 li:nth-child(1) {
	display: inline-block;
	width: 507px;
	height: 48px;
	background: url("them/img/regtop2.png") 0px 0px no-repeat;
	background-size: 507px 48px;
	margin-top: 49px;
	margin-bottom: 23px;	
}
.regul2{
	width: 508px;
	margin: 0 auto;
}
.regbox2{
	display: none;
	width: 948px;
	background-color: #fff;
	overflow: hidden;
}
/*注册1*/
.regul>li>label {
	position: relative;
	padding-left: 12px;
}
.regul>li>label>input {
	position: absolute;
	top: 1.5px;
	left: 0px;
}
.imgdiv {
	float: right;
	width: 98px;
	height: 38px;
	border: 1px #ddd solid;
	cursor: pointer;
}
.regul>li>div>img{
	float: right;
	width: 98px;
	height: 38px;
	cursor: pointer;
}
.regul>li>input{
	margin-left: 26px;
	border: 1px #ddd solid;
	border-radius: 3px;
}
.regul>li>span {
	float: left;
	width: 70px;
	text-align: right;
	font-size: 14px;
	color: #666;
	line-height: 40px;
}
.regul li:nth-child(14)>div {
	width: 90px;
	height: 40px;
	background-color: #30a3ff;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	margin-top: 30px;
	cursor: pointer;
}
.regul> li:nth-child(10)>span{
	width: 85px;
}
.regul> li:nth-child(10)>div{
	float: right;
    width: 98px;
    height: 38px;
    color: #30a3ff;
    border: 1px #30a3ff solid;
    cursor: pointer;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
}
.regul> li:nth-child(10) input{
	margin-left: 12px;
	width: 290px;
    height: 38px;
    border: 1px #ddd solid;
    line-height: 38px;
    padding-left: 10px;
}
.regul li:nth-child(12) {
	width: 100%;
	height: 18px;
	font-size: 12px;
	color: #ff0000;
	margin-bottom: 10px;	
}
.regul li:nth-child(11)
,.regul li:nth-child(3)
,.regul li:nth-child(5)
,.regul li:nth-child(7)
,.regul li:nth-child(9) {
	width: 100%;
	height: 18px;
	margin-left: 96px;
	font-size: 12px;
	color: #ff0000;
	margin-bottom: 10px;
}
.regul li:nth-child(8) input{
	width: 290px;
	height: 38px;
	border: 1px #ddd solid;
	line-height: 38px;
	padding-left: 10px;
}
.regul li:nth-child(6) input{
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	line-height: 38px;
	padding-left: 10px;
}
.regul li:nth-child(4) input{
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	line-height: 38px;
	padding-left: 10px;
}
.regul li:nth-child(2) input {
	width: 398px;
	height: 38px;
	border: 1px #ddd solid;
	line-height: 38px;
	padding-left: 10px;

	
}




/*头部步骤提示*/

.regul li:nth-child(1) {
	width: 507px;
	height: 48px;
	background: url("them/img/regtop.png") 0px 0px no-repeat;
	background-size: 507px 48px;
	margin-top:49px;
	margin-bottom:50px;
}
.regul li {
	float: left;
	width:507px;
	overflow: hidden;
}
.regul {
	width: 507px;
	height: 100%;
	margin: 0 auto;
}
.regbox {
	display: block;
	width:948px;
	height:660px;
	background-color:#fff;
}

/*中间头部样式*/
.enreg-center-box {
	width:950px;
	margin: 0 auto;
	overflow: hidden;
}
.enreg-box{
	float: left;
	width:948px;
	border:1px #ddd solid;
	margin-bottom: 50px;
}
.enreg-center-box>a{
	float: right;
	padding-right: 21px;
	font-size: 14px;
	color: #333;
	background: url("them/img/right.png") 90px 3px no-repeat;
	background-size: 14px 14px;
	margin-bottom:9px;
}
.enreg-center h2 {
	font-size:22px;
	color:#000;
	text-align: center;
	margin-top:38px;
	margin-bottom:16px;
}

/*中间背景样式*/
.enreg-center{
	width: 100%;
	height: 100%;
	border-top: 1px #ddd solid;
	background: url("them/img/jb-bg.png") 0 0 repeat;
	background-size: 600px 600px;
}

/*头尾样式*/
.enreg-top{
	width: 100%;
	height: 70px;
	overflow: hidden;
}
.enreg-top-box{
	width:1200px;
	height:70px;
	margin: 0 auto;
}
.enreg-top-box h1 {float: left;}

.enreg-top-box h1>a>img{
	margin-top:19px;
}

.enreg-top-box div {
	float: right;
	height:70px;
	line-height:70px;
	font-size: 14px;
	color: #666;
}

.enreg-top-box div a{
	color:#30a3ff;
}
</style>